body{
    background:#f5f5f5;
    font-family: 'Roboto', sans-serif;
    height:100%;
}
.foss-task
{
    margin:8% auto;
    width:400px;
    height:100px;
    background:#fff;
    box-shadow:0px 0px 5px #F5F5F5;
}
.foss-task .foss-view
{
    width:100%;
    height:100%;
}
.foss-view .foss-sec1 ,
.foss-view .foss-sec2 ,
.foss-view .foss-sec3
{
    width:100%;
    text-align:center;
overflow:hidden;
}
.foss-sec1 .foss-img
{
    width:100%;
    display:inline-block;
    height:100px;
}
.foss-sec1 .foss-img img
{
    width:50%;
    margin:10px 0px;
}
.foss-sec1 .foss-text
{
    font-size:21px;
    color:#808080;
text-align:center;
	margin-top:20px;
overflow:hidden;
height:40px;
}
.foss-sec1 .foss-greet
{
    font-size:25px;
    color:#808080;
text-align:center;
overflow:hidden;
height:50px;
}
.foss-sec2 .foss-form
{
   display:block;
   margin:50px 10px;
   text-align:center;
}
.foss-sec2 .foss-form .foss-tbox
{
   height:30px;
   width:70%; 
   background:#fff;
   border:0;
   outline:0;
   border-bottom:2px solid darkgray;	
}
.foss-sec2 .foss-form .foss-tbox:focus , .foss-sec2 .foss-form .foss-tbox:hover
{
   border-bottom:2px solid lightgray;
}
.foss-sec2 .foss-form .foss-submit
{
   display:inline-block;
margin:20px;
border:0;
color:#fff;
background: 	#1E90FF;
font-size:18px;
width:60%;
height:40px;
    font-family: 'Roboto', sans-serif;
border-radius:3px;
box-shadow:0px 0px 10px lightgray;
}
.foss-sec2 .foss-form .foss-submit:hover , .foss-sec2 .foss-form .foss-submit:focus
{
box-shadow:0px 0px 3px lightgray;
}
